$(function () {
    $(".row a").on("click",function(){
        window.location.href="../tcl/index.html"
   })
   $(".navright li").eq(1).on("click",function(){
        window.location.href="../ht/register.html"
   })
    $(".navright li").eq(2).on("click",function(){
        window.location.href="../ht/land.html"
   })
    $(".CAR").on("click",function(){
        console.log(1)
        window.location.href="../tcl/ht/car.html"
       
  })
    //顶部可关闭图片
    $(".colse").on("click", function () {
        $(".displaylog").css("display", "none");
    })
    //  微信弹出框
    $(".signal").on("mouseover", function () {
        $(".eject").css("display", "block")
    })
    $(".signal").on("mouseout", function () {
        $(".eject").css("display", "none")
    })
    // 导航栏滑动效果
    $(".navright li").on("mouseover", function () {
        $(this).css("color", "#fff")
        $(".num").css("color", "#cecece")
    })
    $(".navright li").on("mouseout", function () {
        $(this).css("color", "#cecece")
        $(".num").css("color", "#cecece")
    })
    $(".articles li").eq(0).on("mouseover", function () {
        $(".bord").stop().animate({
            width: 60,
            bottom: 20,
            left: 5
        })
    }).on("mouseout", function () {
        $(".bord").stop().animate({
            width: 0,
            bottom: -15,
            left: 0
        })
    })
    $(".articles li").eq(1).on("mouseover", function () {
        $(".bord").stop().animate({
            width: 60,
            bottom: 20,
            left: 70
        })
    }).on("mouseout", function () {
        $(".bord").stop().animate({
            width: 0,
            bottom: -15,
            left: 0
        })
    })
    $(".articles li").eq(2).on("mouseover", function () {
        $(".bord").stop().animate({
            width: 60,
            bottom: 20,
            left: 145
        })
    }).on("mouseout", function () {
        $(".bord").stop().animate({
            width: 0,
            bottom: -15,
            left: 0
        })
    })
    $(".articles li").eq(3).on("mouseover", function () {
        $(".bord").stop().animate({
            width: 60,
            bottom: 20,
            left: 215
        })
    }).on("mouseout", function () {
        $(".bord").stop().animate({
            width: 0,
            bottom: -15,
            left: 0
        })
    })
    $(".articles li").eq(4).on("mouseover", function () {
        $(".bord").stop().animate({
            width: 60,
            bottom: 20,
            left: 283
        })
    }).on("mouseout", function () {
        $(".bord").stop().animate({
            width: 0,
            bottom: -15,
            left: 0
        })
    })
    $(".articles li").eq(5).on("mouseover", function () {
        $(".bord").stop().animate({
            width: 60,
            bottom: 20,
            left: 355
        })
    }).on("mouseout", function () {
        $(".bord").stop().animate({
            width: 0,
            bottom: -15,
            left: 0
        })
    })
    $(".articles li").eq(6).on("mouseover", function () {
        $(".bord").stop().animate({
            width: 60,
            bottom: 20,
            left: 425
        })
    }).on("mouseout", function () {
        $(".bord").stop().animate({
            width: 0,
            bottom: -15,
            left: 0
        })
    })
   
    // 搜索框特效
    $(".havelist").on("click", function () {
        $(".new li").fadeToggle();
        $(".new li").on("mouseover", function () {
            $(this).css({
                "background": "#cecece",
                "color": "red"
            })
        }).on("mouseout", function () {
            $(this).css({
                "background": "#fff",
                "color": "#cecece"
            })
        })
    })
    $(".havelist").blur(function () {

        setTimeout(function () {
            $(".new li").css({
                display: "none"
            })
        }, 300) //延迟事件，解决失焦事件与按钮事件的冲突
    })
    // 点击获取value
    $(document).ready(function () {
        var li = $(".new li") //获取li
        $(".new li").on("click", function () {
            var index = $(this).index(); //获取下标
            console.log(index)
            var text = li.eq(index).text(); //获取text
            $(".havelist").val(text) //更换text
            console.log(text)
        })
        console.log(li)
    })


})